<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="../../HTMLTurbo.css">
<link rel="stylesheet" type="text/css" href="../style/demo.css">

<script charset="utf-8" src="../../jquery/1.12.4/jquery.min.js"></script>
<script charset="utf-8" src="../../HTMLTurbo.php"></script>
<style>
.brand{ display: none}
.style{ display: none}

.sex_0{}
.sex_0 .brand{ display: block;}

.sex_1{}
.sex_1 .style{ display: block;}
</style>
</head>

<body>
<div class="ht">
	<form id="form" class="form">
		<div id="detail">
			<ul class="textList">
				<li><label>类型：</label>
					<select name="type">
						<option value="">请选择</option>
						<option value="1">类型一</option>
						<option value="2">类型二</option>
						<option value="3">类型三</option>
					</select>
				</li>
				<li><label>类型：</label>
					<input type="radio" name="sex" value="1" />男
					<input type="radio" name="sex" value="0" />女
				</li>
				<li class="brand"><label>品牌：</label><input type="text" name="brand" /></li>
				<li class="style"><label>样式：</label><input type="text" name="style" /></li>
			</ul>
		</div>
	</form>
</div>
</body>
</html>
<script>
var StyleRuleParser=HTMLTurbo.util.StyleRuleParser;

var styleRuleParser=new StyleRuleParser("#form");
styleRuleParser.loadRule("rule.json")
</script>